<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>超市订单管理系统</title>
	<link type="text/css" rel="stylesheet" th:href="@{/css/style.css}">
	<link type="text/css" rel="stylesheet" th:href="@{/css/public.css}">
</head>
<body>
<!--头部-->
<header class="publicHeader">
	<h1>超市订单管理系统</h1>
	<div class="publicHeaderR">
		<p><span>下午好！</span><span style="color: #fff21b"> admin</span> , 欢迎你！</p>
		<a href="/jsp/logout.do">退出</a>
	</div>
</header>
<!--时间-->
<section class="publicTime">
	<span id="time">2015年1月1日 11:11  星期一</span>
	<a href="#">温馨提示：为了能正常浏览，请使用高版本浏览器！（IE10+）</a>
</section>
<!--主体内容-->
<section class="publicMian ">
	<div class="left">
		<h2 class="leftH2"><span class="span1"></span>功能列表 <span></span></h2>
		<nav>
			<ul class="list">
				<li><a th:href="@{/bill/list/1}">订单管理</a></li>
				<li><a th:href="@{/provider/findPro/1}">供应商管理</a></li>
				<li><a th:href="@{/user/list/1}">用户管理</a></li>
				<li><a href="/pwdmodify.jsp">密码修改</a></li>
				<li><a href="/logout.do">退出系统</a></li>
			</ul>
		</nav>
	</div>
	<input type="hidden" id="path" name="path" value=""/>
	<input type="hidden" id="referer" name="referer" value=""/>
	<div class="right">
		<div class="location">
			<strong>你现在所在的位置是:</strong>
			<span>订单管理页面</span>
		</div>
		<div class="search">
			<form method="get" action="">
				<input name="method" value="query" class="input-text" type="hidden">
				<span>商品名称：</span>
				<input name="queryProductName" type="text" value="">

				<span>供应商：</span>
				<select name="queryProviderId">
					<option value="0">--请选择--</option>
					<option value="">阿里巴巴</option>
					<option value="">京东</option>
				</select>

				<span>是否付款：</span>
				<select name="queryIsPayment">
					<option value="0">--请选择--</option>
					<option value="1">未付款</option>
					<option value="2">已付款</option>
				</select>

				<input value="查 询" type="submit" id="searchbutton">
				<!--				<a th:href="@{/bill/add}">添加订单</a>-->
				<a th:href="@{/billadd.html}">添加订单</a>
			</form>
		</div>
		<!--账单表格 样式和供应商公用-->
		<table class="providerTable" cellpadding="0" cellspacing="0">
			<tr class="firstTr">
				<th width="10%">主键ID</th>
				<th width="10%">账单编码</th>
				<th width="10%">商品名称</th>
				<th width="10%">商品描述</th>
				<th width="10%">商品单位</th>
				<th width="10%">商品数量</th>
				<th width="10%">商品总额</th>
				<th width="10%">是否支付</th>
				<th width="20%">操作</th>
			</tr>
			<tr th:each="b : ${userPage.records}">
				<td>
					<span th:text="${b.id}" ></span>
				</td>
				<td>
					<span th:text="${b.billcode}"></span>
				</td>
				<td>
					<span th:text="${b.productname}"></span>
				</td>
				<td>
					<span th:text="${b.productdesc}"></span>
				</td>
				<td>
					<span th:text="${b.productunit}"></span>
				</td>
				<td>
					<span th:text="${b.productcount}"></span>
				</td>
				<td>
					<span th:text="${b.totalprice}"></span>
				</td>
				<td>
					<span th:text="${b.ispayment}"></span>
				</td>
				<td>
					<span><a class="viewBill" th:href="@{'/bill/details/'+${b.id}}"><img th:src="@{/images/read.png}" alt="查看" title="查看"/></a></span>
					<span><a class="modifyBill" th:href="@{/bill/goupdata(id=${b.id})}"><img th:src="@{/images/xiugai.png}" alt="修改" title="修改"/></a></span>
					<span><a class="deleteBill" th:href="@{'/bill/delete/'+${b.id}}"><img th:src="@{/images/schu.png}" alt="删除" title="删除"/></a></span>
				</td>
			</tr>
		</table>
		<div class="page-bar">
			<ul class="page-num-ul clearfix">
				<li>共<span th:text="${userPage.getTotal()}"></span>条记录&nbsp;&nbsp; <span th:text="${userPage.current}"></span>/<span th:text="${userPage.pages}"></span>页</li>
				<a th:href="@{'/bill/list/' + 1}">首页</a>
				<a th:href="@{'/bill/list/' + ${userPage.hasPrevious()?userPage.current - 1:userPage.current}}">上一页</a>
				<a th:href="@{'/bill/list/' + ${userPage.hasNext()?userPage.current + 1:userPage.current}}">下一页</a>
				<a th:href="@{'/bill/list/' + ${userPage.pages}}">最后一页</a>
			</ul>
		</div>
</section>
<!--点击删除按钮后弹出的页面-->
<div class="zhezhao"></div>
<div class="remove" id="removeBi">
	<div class="removerChid">
		<h2>提示</h2>
		<div class="removeMain">
			<p>你确定要删除该订单吗？</p>
			<a href="#" id="yes">确定</a>
			<a href="#" id="no">取消</a>
		</div>
	</div>
</div>
<footer class="footer">
	版权归朝腾教育
</footer>
<script type="text/javascript" th:src="@{/js/time.js}"></script>
<script type="text/javascript" th:src="@{/js/jquery-1.8.3.min.js}"></script>
<script type="text/javascript" th:src="@{/js/common.js}"></script>
<script type="text/javascript" th:src="@{/calendar/WdatePicker.js}"></script>
<script type="text/javascript" th:src="@{/js/userview.js}"></script>
</body>
</html>
<script type="text/javascript" src="../js/billlist.js"></script>